* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#score,#time{
    height: 40%;
	width: 60%;
	margin: 5% 20%; 
	font-weight: 600;
	color: green;
}
#curScore,#timer{
	font-size: 25px;
	color:red;
	font-family: 黑体;
	margin: auto auto;
}
#info{
	position: fixed;
	border:1px solid black;
	padding:10px 20px;
	box-shadow: 0px -1px 10px 1px black;
}
#mainBox{
	display: inline-block;
	position: fixed;
	border:1px solid black;
	border-radius:10px;
	box-shadow: 0px -1px 10px 1px black;
}
#rank{
	position: fixed;
	box-shadow: 0px -1px 10px 1px black;
	overflow: overflow-y;
}
#rankName{
	font-size: 20pt;
	color: blue;
	text-align: center;
	font-family:黑体;
}
#rank>*{
	text-align:center;
	letter-spacing: 2px;
}

#config{
	position: fixed;
	padding:1% 1%;
	box-shadow: 0px -1px 10px 1px black;
}
#config>*{
	margin: 5% 0;
	box-shadow: 0px -1px 10px 1px black;
}

#start{
	display: block;
	margin: 5% auto;
	width:100px;
	height:100px;
	font-family: 黑体;
	font-size:20px;
	border-radius:50px;
	background-color: white;
}


#mode1,#mode2{
	display: inline-block;
	position: relative;
	left: 7.5%;
	height: 50px;
	width: 40%;
	margin: 2% auto;
	text-align: center;
	color: gold;
	font-family: 黑体;
	font-size: 25px;
	border-radius: 50%;
	background-color:white;
}

#set{
	display: inline-block;
	float: right;
}

#option{
	padding: 10%;
}

#speedUp,#speedDown{
	display: block;
	width: 50%;
	height: 30%;
	margin: 10% auto;/*上边距为什么没用*/
	background-color:white;
}

#tenScend,#halfMinute,#oneMinute{
	display: block;
	width: 50%;
	height: 20%;
	margin: 10% auto;
	background-color:white;
}

#matrix{
	height: 20%;
	padding: 10% 10%;
}

#option>button{
	color:red; 
	box-shadow:  0px -1px 10px 1px black;
}